<style>

</style>

<template>
  <div class="userXq" style="width: 90%;">
    <h3 style="margin-top: 10px;margin-bottom: 10px"><i class="el-icon-document-copy" style="margin-right: 10px"></i>配送员详情
    </h3>
    <div style="display: flex;height: 170px;padding: 0.5%;background-color: #EFF2FC">
      <div style="width: 29%;padding-left: 80px">
        <img  :src="user.img" height="155px">
      </div>
      <div style="width: 69%;padding-top: 15px">
        <div>
          <div style="display: grid;grid-template-columns: repeat(3, 1fr);height: 50px">
            <div>用户ID：{{ user.id }}</div>
            <div>下单量：近90日下单{{ user.count}}次</div>
          </div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>手机号码：{{ user.tel }}</div>
          <div>团购量：近90日团购{{tgCount}}单</div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>登录密码：{{ user.password!=null?'已设置':'未设置'}}</div>
          <div>状态：{{user.userStatus==1?'正常':user.userStatus==2?'锁定':'注销'}}分</div>
        </div>
      </div>
    </div>


    <el-tabs v-model="activeTab" type="card" style="width: 1300px;border: none;margin-top: 10px">
    <el-tab-pane label="基本信息" name="a">
      <el-card style="border-color:white">
            <div style="display: flex;margin-top: 10px;width: 100%; ">
              <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
                <p style="margin-bottom: 30px">昵称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ user.name }}</p>
                <p style="margin-bottom: 30px">手机号码：&nbsp;&nbsp;&nbsp;{{ user.mobilePhone}}</p>
                <p style="margin-bottom: 30px">邮箱：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{user.electronicMailbox }}</p>
                <p style="margin-bottom: 30px">用户身份：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ user.identity==1?'普通用户':'VIP用户' }}</p><br><br><br>
                <p style="margin-bottom: 30px">注册时间：&nbsp;&nbsp;&nbsp;{{ user.registration}}</p>
                <p style="margin-bottom: 30px">最近访问时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ user.lastAccessedTime}}</p>

              </div>
            </div>
      </el-card>
    </el-tab-pane>



    </el-tabs>




  </div>
</template>

<script>

export default {
  data() {
    return {
      user:{},
      activeTab:'a',
    }
  },
  methods: {
    //    获取商家的方法
    findAlluser(){
      var item = localStorage.getItem("user");
      this.user = JSON.parse(item);
    },
  },

  created() {
    this.findAlluser();
  },
}
</script>